<script setup>
import router from "../modules/router.js";
import { ref } from "vue";
const iconList = ref([
  {
    img: "label",
    title: "航海手册",
  },
  {
    img: "share",
    title: "高手分享",
  },
  {
    img: "comment-circle",
    title: "百问百答",
  },
  {
    img: "setting",
    title: "使用工具",
  },
  {
    img: "column",
    title: "精选日志",
  },
  {
    img: "friends",
    title: "船员好事",
  },
]);
const onClickLeft = () => {
  router.push("/latestActualCombat");
};
</script>

<template>
  <van-nav-bar
    title="小红书运营"
    left-text="返回"
    left-arrow
    @click-left="onClickLeft"
  />
  <van-grid :column-num="3" :border="false">
    <van-grid-item
      v-for="(item, index) in iconList"
      :key="index"
      :icon="item.img"
      :text="item.title"
    />
  </van-grid>
  <div class="content">
    <div class="title">项目简介</div>
    <div>
      <p>
        传统的商业模式是通过商业资产的成功，来成就个人的成
        功。但是，这样的模式投入成本大，门槛高，成功率也较 低。
      </p>
      <p>
        然而数据显示，小红书平均带货转化率为 21.4%。并且基于
        平台内有一群爱“买买买”的用户，以及天然“种草”的社区属
        性，非常适合普通人在小红书上轻资产创业，提升个人品牌 的成功率。
      </p>
      <p>
        什么样的人适合做小红书？在某一领域有擅长点或者自有产
        品的人群。如果以上都没有，也没有关系，只要你对某一领 域感兴趣即可。
      </p>
      <p>
        你可以在本次航海实战中，通过学习别人的经验，以及亲自
        实践来完成自己的账号定位，并且创作出符合小红书平台调
        性的笔记，最终实现个人影响力和变现力的提升。
      </p>
    </div>
    <div class="title">适合人群</div>
    <div>
      <p class="dot-before">喜欢或者擅长分享种草、干货类内容的人</p>
      <p class="dot-before">在某个领域有着一定的专业技能，或有特长的人</p>
      <p class="dot-before">已有或打算建立 IP，想在小红书上扩展影响力的人</p>
      <p class="dot-before">想要在小红书上建立或扩大自己的生意的人</p>
    </div>
    <div class="title">上船建议</div>
    <div>
      <p>
        在航海里，每一个人都会拥有自己的节奏，而在登船之前，
        需要大家清楚的知道，该项目必备要求是什么，加分项是什 么
      </p>
    </div>
    <div class="titleOne">下场建议：</div>
    <div>
      <p class="dot-before">至少1个小红书账号</p>
      <p class="dot-before">至少1个用来运营小红书的手机（建议一机一号）</p>
    </div>
    <div class="titleOne">加分项</div>
    <div>
      <p class="dot-before">在某个领域有着专业知识积累</p>
      <p class="dot-before">有可以承接流量的产品，或可以找到合作方承接流量</p>
      <p class="dot-before">一定的图文编辑、视频剪辑能力</p>
    </div>
    <van-divider />
    <p style="color: #969799">
      *「下场建议」的条件，可以在上船前不具备，但建议在开船后的一
      周内解决这些问题，不然很容易跟不上航海进度
    </p>
    <div class="title">可能收获</div>
    <div>
      <p>
        在本次航海中，你可以了解到小红书运营从零到一的全流程
        除此之外，还会提供多个方向的案例，让大家看到更多的可 能性
      </p>
    </div>
    <div class="dot-before titleOne">案例一：</div>
    <p>小红书宝妈号/美妆号玩法</p>
    <div class="dot-before titleOne">案例二：</div>
    <p>小红书职场号/成长号玩法</p>
    <div class="dot-before titleOne">案例三：</div>
    <p>小红书宠物号/家居号玩法</p>
    <van-divider />
    <p style="color: #969799">
      *由于篇幅有限，不可能每一种玩法都面面俱到，手把手教学，更多
      的还是提供新的思路
    </p>
    <div class="title">航线图</div>
    <div>
      <p>在航海里，会提供一条标准航线，希望能帮助大家从零到 了解项目基础玩法</p>
    </div>
    <div>
      <span class="titleOne">Week1</span>
      <span>阅读实战手册的细分赛道玩法，找到自己的小红书定位</span>
    </div>
    <div>
      <span class="titleOne">Week2</span>
      <span>基于个人定位，创作出1-3 条符合账号调性的小红书笔记</span>
    </div>
    <div>
      <span class="titleOne">Week3</span>
      <span
        >基于小红书平台，或将小红书平台流量引导到私域，并完成 第一笔变现</span
      >
    </div>
    <van-divider />
    <p style="color: #969799">
      *除此之外，有时间、有余力的船员要勇于尝试标准以外的玩法，拥 抱更多的可能
    </p>
  </div>
</template>

<style scoped>
.dot-before::before {
  content: "·";
  display: inline-block;
  width: 12px;
  height: 12px;
  line-height: 0;
  text-align: center;
  font-size: 50px;
  vertical-align: middle;
  margin-right: 5px;
  color: #1989fa;
}
.content {
  padding: 10px;
}
.titleOne {
  font-size: 18px;
  font-weight: 500;
  color: #1989fa;
}
.title {
  font-size: 20px;
  font-weight: 500;
}
</style>